@charset "utf-8"; /* *********************************************************************** 통합검색 *********************************************************************** */ #search-page_head{border-bottom:1px solid #F2F2F2;} #search-page_head .Btn_Box_Open, #search-page_head .Btn_Box_Close{top: 22px;} #search-page_head > .head{padding:20px 0 15px 0; text-align:center;} #search-page_head > .head .in{position:relative; width:736px; height:60px; margin:0 auto;} #search-page_head > .head .in input[type="text"]{ width:100%; height:60px; padding:0 82px 0 40px; border:none; font-weight:500; font-size:20px; border:1px solid #12898C; color:#000 !important; background-color:#fff; -webkit-border-radius:34px; border-radius:34px; } #search-page_head > .head .in input[type="text"]::placeholder{font-weight:300 !important;} #search-page_head > .head .in input[type="text"]::-webkit-input-placeholder{font-weight:300 !important;} #search-page_head > .head .in input[type="text"]:-ms-input-placeholder{font-weight:300 !important;} #search-page_head > .head .in input[type="submit"]{ overflow:hidden; position:absolute; right:40px; top:50%; width:32px; height:32px; cursor:pointer; text-indent:-1000px; border:none; background-color:inherit; background-image:url(../img/layout/svg_icon_10.svg); background-repeat:no-repeat; background-position:center center; background-size:contain; -webkit-transform:translateY(-50%); transform:translateY(-50%); } #search-page_head > .head .tips{text-align:center; font-size:16px; color:#4F4F4F;} #search-page_head > .head .in + .tips{margin-top:10px;} #search-page_head > .midd{} #search-page_head > .midd > .item_1{background-color:#F2F2F2;} #search-page_head > .midd > .item_1 ul{display:table; table-layout:fixed; width:100%;} #search-page_head > .midd > .item_1 ul:after{content:"";display:block;clear:both;} #search-page_head > .midd > .item_1 ul>li{width:auto;float:left;text-align:center; font-weight:600; font-size:20px;} #search-page_head > .midd > .item_1 ul>li>a{line-height:1.3; text-decoration:none; color:#222;width: 100%;display: inline-block;padding: 20px 100px;} #search-page_head > .midd > .item_1 ul>li>a.on{color:#fff;background-color:#278d89} #search-page_head > .midd > .item_1 ul>li>a:hover, #search-page_head > .midd > .item_1 ul>li>a:focus{text-decoration: underline;} #search-page_head > .midd > .item_1 .sh_option{position: absolute;top:17px;right:0;font-size:13px;text-decoration:none;color:#222;padding:5px 20px 5px 10px;border:1px solid #bdbdbd;border-radius: 4px;} #search-page_head > .midd > .item_1 .sh_option:after{ content:""; display:block; position:absolute; right:3px; top:0; width:20px; height:32px; background: url(../img/layout/svg_icon_11.svg) no-repeat right center; -webkit-transform:rotate(0deg); transform:rotate(0deg); } #search-page_head > .midd > .item_1 .sh_option.on:after{ -webkit-transform:rotate(180deg); transform:rotate(180deg); right:-1px; top:0; } #search-page_head > .midd > .item_2{padding:5px 0 5px;} #search-page_head > .midd > .item_2>div:after{content:"";display:block;clear:both;} #search-page_head > .midd > .item_2 ul{display:inline-block;} #search-page_head > .midd > .item_2 ul>li{vertical-align:middle;float:left;padding: 0 80px 0 0;} #search-page_head > .midd > .item_2 ul>li>a{font-weight:600; font-size:14px;color:#4f4f4f; line-height:32px;display: inline-block;text-decoration: none;padding: 0 20px 0 0;background:url(../img/layout/svg_icon_11.svg) no-repeat right 50%;white-space: nowrap;} #search-page_head .midd .item_2 a{text-decoration: none;} #search-page_head .midd .item_2 .option_of{font-size:14px;display:inline-block;} #search-page_head .midd .item_2 .option_of:after{content:"";display:block;clear:both;} #search-page_head .midd .item_2 .option_of span.option_tit{float:left;margin-top: 5px;} #search-page_head .midd .item_2 .option_of span{margin:0 0 0 10px;float:right;} #search-page_head .midd .item_2 .option_of span:after{content:"";display:block;clear:both;} #search-page_head .midd .item_2 .option_of a{background:#f2f2f2;border:1px #bdbdbd solid;color:#b2b2b2;font-size:13px;padding:5px;float:left;} #search-page_head .midd .item_2 .option_of a.turn_off{background:#f2f2f2;border-right:0;border-top-left-radius:6px;border-bottom-left-radius:6px;} #search-page_head .midd .item_2 .option_of a.turn_on{background:#f2f2f2;border-left:0;border-top-right-radius:6px;border-bottom-right-radius:6px;} #search-page_head .midd .item_2 .option_of a.on{color:#fff;background:#32b6a3;border:1px solid #32b6a3; margin-left:-3px;} #search-page_head .midd .item_2 .style{background:#fff;border:1px solid #a7a7a7;position: absolute;z-index:999;display:none} #search-page_head .midd .item_2 .style ul{display: block;} #search-page_head .midd .item_2 .style li{padding:0;width:100%} #search-page_head .midd .item_2 .style a{background:none;font-size:13px;font-weight:500;line-height:22px;display:block;padding:5px 14px;} #search-page_head .midd .item_2 .style a:hover, #search-page_head .midd .item_2 .style a:focus{background:#f3f3f3} #search-page_head .midd .item_2 .style li.selected a{color:#278d89;font-weight:700} #search-page_head .midd .item_2 .style .item_opt{padding:0px 14px 5px;font-size:13px;font-weight:500;margin:0;display: block;} #search-page_head .midd .item_2 .style .item_opt #startSelDate, #search-page_head .midd .item_2 .style .item_opt #endSelDate{height:auto !important;line-height: calc(25px - 2px);} #search-page_head .midd .item_2 .style .item_opt p{padding:0 0 6px 0} #search-page_head .midd .item_2 .style .item_opt input[type="text"][data-skin="cal"]{font-size:13px;height:30px;padding:0 4px;font-size:12px;letter-spacing:-0.05em} #search-page_head .midd .item_2 .style .btn_inp{padding:0px 14px 10px;display: inline-block;width:100%;} #search-page_head .midd .item_2 .style .btn_inp .btn_submit{display:block;border:0;width:100%;padding:5px;font-family: 'Nanum Square', 'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;color:#fff;background:#278d89;border-radius: 20px;cursor: pointer;} #search-page_head .midd .item_2 .sh_opt01 ul{border-bottom:1px solid #e7e7e7;display: inline-block;} #search-page_head .midd .item_2 .sh_opt02 li{display:block;padding:0px 14px;} #search-page_head .midd .item_2 .sh_opt02 li div label{font-size:13px} #search-page_head .midd .item_2 .sh_opt04{padding:10px 14px} #search-page_head .midd .item_2 .sh_opt04 input{height:26px;margin:0 0 5px 0;font-size:13px;padding:0 10px} #search-page_head .midd .item_2 .sh_opt04 a{float:left;display: inline-block;padding: 0 8px;margin:0 1px;background: #278d89;border-radius: 15px;color:#fff; width:80px; text-align:center;} #search-page_head .midd .item_2 .sh_opt04 a:hover, #search-page_head .midd .item_2 .sh_opt04 a:focus{background: #278d89;color:#fff} #search-page_head .midd .item_2 .sh_opt04 a.org{background: #fff;color:#278d89;border:1px solid #278d89} #search-page_head .midd .item_2 .sh_opt04 a:nth-child(2) {float:right;} #search-page_head .midd .item_2 .sh_opt05{padding:10px 14px} #search-page_head .midd .item_2 .sh_opt05 input{height:26px;margin:0 0 1px 0;font-size:12px;padding:0 10px;letter-spacing:-0.05em} #search-page_head .midd .item_2 .sh_opt05 p{font-size:13px;color:#929292;padding:8px 0} #search-page_head .midd .item_2 .sh_opt05 a{float:left;display: inline-block;padding:2px 5px;margin:0 1%;background: #278d89;border-radius: 15px;color:#fff;width:48%;text-align:center} #search-page_head .midd .item_2 .sh_opt05 a:hover, #search-page_head .midd .item_2 .sh_opt05 a:focus{background: #278d89;color:#fff} #search-page_head .midd .item_2 .sh_opt05 a.close{background: #828282;color:#fff;} #search-page_head .midd .item_2 .sh_opt01{width:230px;} #search-page_head .midd .item_2 .sh_opt02{width:230px;} #search-page_head .midd .item_2 .sh_opt03{width:140px;} #search-page_head .midd .item_2 .sh_opt04{width: 200px;} #search-page_head .midd .item_2 .sh_opt05{width:218px;} #search-page_head .midd button,.search_sec button{font-family: 'Nanum Square', 'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;cursor: pointer;} .search_sec .type01 a span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 50%;} #search-page_midd{} #search-page_midd > .head{line-height:18px;font-size:16px;color:#828282;position:relative;height:36px;margin-top:20px;margin-bottom:-30px;} #search-page_midd > .head>span{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);} #search-page_midd .head strong{font-weight:600; color:#000;} #search-page_midd > .midd{} #search-page_midd > .head + .midd{margin-top:50px;} /* common */ section h2{font-size: 16px;font-weight: 700;} section .title_box{margin:0px 0 12px 0;border-bottom: 1px solid #e0e0e0;padding:0 0 10px 0;} section .title_box>h2{float:left;width:auto;} section .title_box>div{float:right;width:auto;} section .title_box:after{content:"";display:block;clear:both;} #st_select h2, #st_indicator h2{font-size:16px;font-weight:700;margin:0px 0 12px 0;border-bottom: 1px solid #e0e0e0;padding:0 0 10px 0} .search_on{border:0 !important;margin:0 !important;padding:0 !important;} /*section h2{font-size:16px;font-weight:700;margin:-5px 0 12px 0;border-bottom: 1px solid #e0e0e0;padding:0 0 10px 0}*/ section a{text-decoration:none;font-size:15px;color:#000;} section a:hover, section a:focus{text-decoration:underline} .search_sec{position: relative;display: inline-block;width:100%;margin:0 0 30px 0} .search_sec .type01 li{} .search_sec .type01 a{ display: block; overflow: hidden; text-overflow: ellipsis; line-height: 25px; } #st_table, #st_group, #st_online, #st_data, #st_term, #st_cont{background-color:#fbfbfb;padding:20px;border-radius:10px;} .round{border:1px solid #bdbdbd;/* padding:10px 45px; *//* border-radius: 10px; */} .SearchHot {position: absolute;right: -0;width:236px;overflow: hidden;border: #ccc solid 1px;background: #fff;height: 34px;border-radius: 34px;} /* .SearchHot.Open {border: #666 solid 1px;height: auto;z-index:10;background:#fff} .SearchHot.Open dt {height: 37px;background: #f2f2f2;color: #333;line-height: 37px; padding-left: 10px; font-weight: bold; font-size: 16px;width: 100%;position: relative;} .SearchHot.Open dt span {color: #555;font-size: 12px;} .SearchHot.Open button {height: 0;width: 0; overflow: hidden;position: absolute;} .SearchHot.Open dd ul {height: auto;} */ .SearchHot dt {overflow: hidden;position: absolute; left:0; top:-100px; width:100%; height: 37px;background: #f2f2f2;color: #333;line-height: 37px; padding-left: 10px; font-weight: bold; font-size: 16px;width: 100%;} .SearchHot dt span {color: #555;font-size: 12px;} .SearchHot dd {position: relative; height:34px; background: url(../img/layout/svg_icon_3.svg) no-repeat right 10px center;} .SearchHot dd ul {overflow: hidden; position: absolute; left:0; top:0; width:100%; height:34px;} .SearchHot dd ul li{position:absolute; left:0; top:100%; width:100%; height:34px; padding: 4px 18px;} .SearchHot dd ul li a {display:block;font-weight: bold;color: #333;font-size: 14px;margin: 3px 0;text-decoration: none;} .SearchHot dd ul li:last-child a {margin-bottom: 0;} .SearchHot dd ul li a span {background: #32b6a3;display: inline-block;width: 17px;height: 17px;text-align: center;margin-right:8px;font-size: 11px;color: #fff;padding: 1px 1px;line-height: 15px;letter-spacing: -1px;border-radius: 8px;padding-right: 2px;vertical-align: middle;font-weight: bold;margin-top: -4px;} .SearchHot .Btn_open{display:none !important;} .SearchHot.on{z-index:1000; height:auto;border-radius:17px; background-color:#fff;} .SearchHot.on dt{position:relative; top:0;} .SearchHot.on dd, .SearchHot.on dd ul{position:relative; left:0; top:0 !important; height:auto;} .SearchHot.on dd{background:none;} .SearchHot.on dd ul li{position:relative; left:0; top:0 !important;} /* 통계지표 */ .search_sec .type01{width: auto;} .search_sec .type01:after{content:"";display:block;clear:both;} .search_sec .type01 li{float: left;width:47%;margin:0 3% 0 0;line-height:30px;} .search_sec .type01 li:nth-child(even){margin:0 0 0 3%} .search_sec .type01 a strong{color:#127086;float:right;text-align:right;} .search_sec .control{position: absolute;top: 8px;right: 110px;} .search_sec .control span{margin:0 3px;font-size: 13px;} .search_sec .control a{display: inline-block;width: 18px;height: 18px;text-indent: -1000px;overflow: hidden;cursor: pointer;margin:0 2px;vertical-align: middle;border:1px solid #e0e0e0;border-radius:3px;} .search_sec .control a.pg_first{background: url(../img/layout/sh_page_first.svg) no-repeat center center;} .search_sec .control a.pg_before{background: url(../img/layout/sh_page_before.svg) no-repeat center center;} .search_sec .control a.pg_next{background: url(../img/layout/sh_page_next.svg) no-repeat center center;} .search_sec .control a.pg_last{background: url(../img/layout/sh_page_last.svg) no-repeat center center;} /* 통계선택 */ .search_sec .BtnMoreOpen{position: absolute;top:7px;right:20px;border: 0;background-color: #fff;text-align: left;font-weight:bold;padding:5px 23px 5px 0;} .search_sec .BtnMoreOpen:after{content:""; display:block; position:absolute; right:4px; top:calc(50% - 6px); width:12px; height:12px; background: url(../img/layout/svg_icon_3.svg) no-repeat center center; background-size:contain;} .search_sec .BtnMoreClose{position: absolute;top:7px;right:20px;border: 0;background-color: #fff;text-align: left;font-weight:bold;padding:5px 23px 5px 0;} .search_sec .BtnMoreClose:after{content:""; display:block; position:absolute; right:4px; top:calc(50% - 6px); width:12px; height:12px; background: url(../img/layout/svg_icon_3.svg) no-repeat center center; background-size:contain;} .search_sec .type02 {width:100%; height:auto; position:relative;} .search_sec .type02 dt {position:absolute; width:46px; top:0; background:#fff;} .search_sec .type02 dt.tab1 {left:0;} .search_sec .type02 dt.tab2 {left:60px;} .search_sec .type02 dt a {display:block; text-align:center; background:#fff; font-weight:500; padding:3px 0;color:#929292;font-size:16px;text-decoration:none;} .search_sec .type02 dt a:hover, .search_sec .type02 dt a:focus {border-bottom:2px solid #000;color:#000} .search_sec .type02 dt a.active {border-bottom:2px solid #000;color:#000} .search_sec .type02 dd {width:100%; height:auto; padding:50px 0 0 0;} .search_sec .type02 li{float: left;width:25%;margin:0;padding:0 15px 0 0;line-height:30px;} .search_sec .type02 label{color:#000;cursor: pointer;line-height:30px;font-size:15px} .search_sec .type02 label:after,.search_sec .type02 label:before{top:8px} .search_sec .btn_area{border-top: 1px solid #e0e0e0;padding: 15px 0 1px 0;display: inline-block;width: 100%;margin:10px 0 0 0} .search_sec .btn_area a{text-align:center;margin:0 5px 0 0} #st_select>dl>dd>ul{max-height:200px;} #st_select>dl>dd>ul:after{content:""; display:block; clear:both;} #st_select.on>dl>dd>ul{max-height:400px;} .search_sec .BtnMoreClose:after{ -webkit-transform:rotate(180deg); transform:rotate(180deg); } #st_indicator.on .BtnMoreOpen:after{ -webkit-transform:rotate(180deg); transform:rotate(180deg); } #st_indicator .control.hidden + .BtnMoreOpen:after{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } /* 통계표,통계분휴,통계설명자료,동계용어,콘텐츠/게시물 */ .search_sec .ListControl:after{content:"";display:block;clear:both;} .search_sec .ListControl>div{float:left;display:inline-block;} .search_sec .ListControl .SelectBtn select{height:26px;line-height: calc(26px - 2px);font-size:15px} .search_sec .ListControl .ListContBtn{float:left;margin:0 0 0 30px} .search_sec .ListControl .ListContBtn a{height: 27px;line-height: calc(26px - 1px);color:#fff;background-color:#278d89;border:0;position:relative;} .search_sec .ListControl .ListContBtn a #statDBcontentBntOn{display:block;} .search_sec .ListControl .ListContBtn a.on{background:#278d89;padding-left:30px;display:none;} .search_sec .ListControl .ListContBtn a.on:after{content:"";display:block;position:absolute;top: 2px;left: 13px;width:10px;height: 14px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(42deg);} .search_sec .ListControl .ListContBtn span{font-size:14px;line-height: 28px;} .search_sec .type03{width: auto;font-size:15px} .search_sec .type03 li{border-bottom: 1px solid #e0e0e0;padding:0 0 14px 0;margin:14px 0} .search_sec .type03 li a.sh_tit{color: #278d89;padding:0 0 5px 0} .search_sec .type03 li span.position2{float:right;color: #127086;} .search_sec .type03 li span.LiCont{width:100%;display:block;margin:8px 0 0 0} .search_sec .type03 .position1{margin:6px 0 0 0} .search_sec .type03 .position1 .BtnNewwin{display: inline-block;background: url(../img/layout/_blank.svg) no-repeat center center;background-size:cover;width: 16px;height: 16px;text-indent: -1000px;overflow: hidden;border: none;margin:0px 0 0 8px;} .search_sec .type03 dt a{color:#000;} .search_sec .type03 dd{background-color: #efefef;padding:10px 30px;margin:6px 0 0;position: relative;} .search_sec .type03 dd li{border:0;padding:3px 0;margin:0} .search_sec .type03 dd .Btn_Close{position: absolute;top: 14px;right: 20px;overflow:hidden; display:block; width:20px; height:20px; text-align:left; text-indent:-1000px; background:#fafafa url(../img/layout/svg_icon_7.svg) no-repeat center center;border: 0;cursor: pointer;} .search_sec .type03 .Btn_DB{font-size: 12px;background: #fff;border: #bbb solid 1px;border-radius:10px;height:22px; line-height:20px; vertical-align: middle; padding: 0 10px;margin:0 0 0 10px} .search_sec .btn_more{text-align: right;position: relative;} .search_sec .btn_more a{font-weight: 600;padding-right:25px} .search_sec .btn_more a:before{content: "";display: block;position: absolute;width:20px;height:20px;border-radius: 20px;right:0;top:2px;background:#127086 url(../img/layout/sh_icon_plus.svg) no-repeat 2px 2px} /* 옵션_기관검색 레이어팝업 */ #search-page_head .SearchAgency {width:490px; height:490px; position:absolute; left:570px; background:#fff; border:#656565 solid 1px; box-shadow:3px 3px 5px #eee; margin-top:-150px; z-index:9999; display:none} #search-page_head .SearchAgency:before { content:''; display:block; background:url(../../images/search/search/agency_arrow.png) no-repeat left top; width:9px; height:14px; position:absolute; left:-9px; top:128px;} #search-page_head .SearchAgency h3 {font-size:14px; color:#fff; background:#32b6a3;margin-bottom:15px;padding:5px 15px} #search-page_head .SearchAgency .btn_close {background:url(../img/layout/close.svg) no-repeat left top; background-size:100%;width:18px; height:18px; text-indent:-1000px; overflow:hidden; position:absolute;right:10px; top:6px;border:0} #search-page_head .SearchAgency .SearchForm { margin:0 20px; padding-right:90px; position:relative;} #search-page_head .SearchAgency .SearchForm .org_sh{height:32px; line-height:29px; padding-left:10px; width:100%; border:#177ca0 solid 1px;border-radius: 30px;position: relative;} #search-page_head .SearchAgency .SearchForm input {padding:4px 10px;width:81%;border:0} #search-page_head .SearchAgency .SearchForm button { background-repeat:no-repeat; background-position: 12px center; color:#fff; font-size:14px; padding-left:27px; text-align:left; position:absolute; height:35px; top:0; line-height:32px;height:32px;} #search-page_head .SearchAgency .SearchForm button.BtnSearch {background:url(../img/layout/svg_icon_10.svg) no-repeat left 6px; color:#2f989a; width:48px;border:0;background-size:18px 18px;padding-left:22px;height:26px;right:14px} #search-page_head .SearchAgency .SearchForm button.BtnRefresh {background-color:#828282;right:0px; width:79px;border: 0;padding: 0;text-align: center;border-radius: 30px;} #search-page_head .SearchAgency .SearchForm label{text-indent: -1000px; overflow: hidden;position: absolute;} #search-page_head .SearchAgency .AgencyResult {padding:0 20px;} #search-page_head .SearchAgency .AgencyResult p {font-size:13px; text-align:center; line-height:40px;} #search-page_head .SearchAgency .AgencyResult p strong {font-weight:800; color:#333;} #search-page_head .SearchAgency .AgencyResult .AgencyTab{border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;text-align:center;padding:5px 0} #search-page_head .SearchAgency .AgencyResult .AgencyTab li{padding:0;margin:0 3px;line-height:22px;} #search-page_head .SearchAgency .AgencyResult .AgencyTab li a{background:none;font-size:13px;padding:0 5px;line-height:22px;} #search-page_head .AgencyResult .AgencyTab li.on a,#search-page_head .AgencyResult .AgencyTab li a:hover, #search-page_head .AgencyResult .AgencyTab li.on a,#search-page_head .AgencyResult .AgencyTab li a:focus{color:#fff;background:#278d89;border-radius: 30px;line-height:22px;width:22px;height:22px} #search-page_head .AgencyResult .AgencyTab li:first-child.on a,#search-page_head .AgencyResult .AgencyTab li:first-child a:hover, #search-page_head .AgencyResult .AgencyTab li:first-child.on a,#search-page_head .AgencyResult .AgencyTab li:first-child a:focus{color:#278d89;background:none;line-height:22px;width:34px} #search-page_head .SearchAgency .AgencyResult .AgencyList li{width:100%;padding:0;border-bottom:1px solid #f3f3f3} #search-page_head .SearchAgency .AgencyResult .AgencyList li a{display: inline-block;width: 100%;font-size: 13px;background-image: none;line-height:26px} /* 카테고리별 하단 페이징 */ .paging {text-align: center;clear: both;margin-top: -15px;} .paging button {height: 23px;width: 23px;border:0;background: #fff no-repeat center center;text-align: left;text-indent: -1000px;overflow: hidden;display: inline-block;vertical-align: middle;} .paging button.ArrowFirst {background-image: url(../img/layout/sh_page_first.svg);} .paging button.ArrowForward {background-image: url(../img/layout/sh_page_before.svg);} .paging button.ArrowNext {background-image: url(../img/layout/sh_page_next.svg);border-right: none;} .paging button.ArrowLast {background-image: url(../img/layout/sh_page_last.svg);} .paging button.Off {vertical-align: middle;} .paging .PageNum {display: inline-block;margin: 0 10px;} .paging .PageNum a {display: inline-block;height: 23px;min-width: 23px;padding: 0 3px;line-height: 23px;text-align: center;vertical-align: middle;color:#333;text-decoration: none;font-size:14px} .paging .PageNum a:hover, .paging .PageNum a:focus {line-height: 23px;background: #127086;color: #fff;border-radius: 4px;} .paging .PageNum a.M_on {background: #127086;color: #fff;border: none !important;line-height: 23px !important;vertical-align: middle;border-radius: 4px;margin:0 3px} /* 기관검색 레이어팝업 페이징 */ .pp_paging {text-align: center;clear: both;} .pp_paging button {height: 23px;width: 23px;border:0;background: #fff no-repeat center center;text-align: left;text-indent: -1000px;overflow: hidden;display: inline-block;vertical-align: middle;} .pp_paging button.ArrowFirst {background-image: url(../img/layout/sh_page_first.svg);} .pp_paging button.ArrowForward {background-image: url(../img/layout/sh_page_before.svg);margin-left: -4px;} .pp_paging button.ArrowNext {background-image: url(../img/layout/sh_page_next.svg);border-right: none;} .pp_paging button.ArrowLast {background-image: url(../img/layout/sh_page_last.svg);margin-left: -4px;} .pp_paging button.Off {vertical-align: middle;} .pp_paging .PageNum {display: inline-block;margin: 0 20px;} .pp_paging .PageNum a {display: inline-block;height: 23px;min-width: 23px;padding: 0 3px;line-height: 23px;text-align: center;vertical-align: middle;color:#333;} .pp_paging .PageNum a:hover, .pp_paging .PageNum a:focus {line-height: 23px;background: #127086;color: #fff;border-radius: 4px;} .pp_paging .PageNum a.M_on {background: #127086;color: #fff;border: none !important;line-height: 23px !important;vertical-align: middle;border-radius: 4px;} /* 일반적인 검색방법안내 */ #st_error h3{background-color:#278d89;color:#fff;padding:5px 10px;border-radius:30px;text-align:center;margin-bottom:20px} #st_error li{padding-bottom:15px} #st_error li strong{color:#127086} #st_error li a{color:#127086;text-decoration: underline;} #st_error li i{background-color:#278d89;color:#fff;width:20px;height:20px;display: inline-block;text-align:center;font-style: normal;line-height:21px;font-size:15px;border-radius: 20px;margin-right:10px} #st_error [data-skin="table"] {margin:10px} /* 0831 자동완성 */ .AutoTitle.Open { border:#036 solid 1px; height:auto; width:calc(100% + 2px);display: block;} .AutoTitle.Open .AutoHead { height:30px; width:100%; padding:0 10px; overflow:hidden; position:relative;} .AutoTitle.Open ul { height:auto; max-height:270px; width:100%; overflow:auto; position:relative;} .AutoTitle { position:absolute; left:-1px; top:34px; background:#fff; font-family:dotum, '돋움', sans-serif; font-size:12px; border:none; height:0; width:100%;display:none;} #search-page_head .AutoTitle{top:27px;} .AutoTitle .AutoHead { background:#ebeff3; position:absolute; height:0; width:0; padding:0; overflow:hidden; } .AutoTitle .AutoHead button { height:auto; width:auto; background:none; text-indent:0; font-size:15px !important; font-family:'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif; line-height:30px; border:none;} .AutoTitle ul {height:0; width:0; overflow:hidden; padding:0; position:absolute;} .AutoTitle ul li { display:block; line-height:28px; position:relative; padding:0 10px; text-align:left;font-size:15px !important;font-family:'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;} .AutoTitle ul li a>font{font-size:15px !important;font-family:'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;} .AutoTitle ul li:hover, .AutoTitle ul li:focus { background:#f9f9f9;} .AutoTitle ul li a strong { font-weight:bold;} .AutoTitle ul li a.GoPage { position:absolute; right:10px; display:inline-block; height:100%; line-height:28px; text-decoration:underline; color:#36c;font-size:15px;font-family:'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;} .AutoTitle .AutoHead .Btn_first_more { position:relative; background:url(../images/search/search/btn_first_word.png) no-repeat left center; padding-left:17px; float:left} .AutoTitle .AutoHead .Btn_last_more { position:relative; background:url(../images/search/search/btn_last_word.png) no-repeat left center; padding-left:17px;float:left} .AutoTitle .AutoHead .Btn_Off { right:10px; float:right;} .AutoTitle .Btn_Box_Open { background:url(../../images/search/search/btn_box_close.png) no-repeat left top; height:18px; width:18px; position:absolute; right:100px; top:-40px; border-left:none;} .AutoTitle .Btn_Box_Close { background:url(../../images/search/search/btn_box_open.png) no-repeat left top; height:18px; width:18px; position:absolute; right:100px; top:-40px; border-left:none;} .Btn_Box_Open {background:url(../../images/search/search/btn_box_close.png) no-repeat left top;height:18px;width:18px;position:absolute;right:84px;top: 26px;border-left:none;border: 0;} .Btn_Box_Close {background:url(../../images/search/search/btn_box_open.png) no-repeat left top;height:18px;width:18px;position:absolute;right:84px;top: 26px;border-left:none;border: 0;} input::-ms-clear {display:none;} .clearable{ background: url(../../images/main/icon_table_close.png) no-repeat right -15px center; padding: 3px 20px 3px 4px; border-radius: 3px; transition: background 0.4s; background-size: 10px 10px;} .clearable.x { background-position: right 115px center;} .clearable.onX { cursor: pointer;} .clearable:-ms-clear {display:none; width:0; height:0;} @media all and (max-width : 1300px){ #search-page_head > .midd > .item_1 > .layout{padding: 0 0 42px 0;} #search-page_head > .midd > .item_1 > .layout> ul{border-bottom:1px solid #cdcdcd} #search-page_head > .midd > .item_1 .sh_option{top:auto;margin-top:5px;} #search-page_head > .midd > .item_1 ul>li{font-size:18px;width:100%;float:left;} #search-page_head > .midd > .item_1 ul>li>a{padding: 20px 0px;} .search_sec .type01 a span{width:100%;} } @media all and (max-width : 1280px){ body[data-layout="sub"] #content-group>.layout{width:calc(100% - 60px);} .search_sec .type02 li{width:33.3%} #search-page_head > .midd > .item_2 ul>li{padding:0 7% 0 0} #search-page_head .SearchAgency{left:calc(50% - 245px);margin-top:-162px} #search-page_head .midd .item_2 .option_of{right:0} #search-page_head > .midd > .item_2 ul{display:inline-block;width:80%;} #search-page_head .midd .item_2 .option_of{font-size:14px;display:inline-block;float:right;} } @media all and (max-width: 1024px){ #search-page_head > .midd > .item_1 ul>li>a{padding: 20px 0px;} body[data-layout="sub"] #content-group>.layout{width:auto} .round{padding:10px 20px;} .search_sec .BtnMoreOpen{right: 16px;} .search_sec .control{right: 72px;} } @media all and (max-width:1000px){ .search_sec .type01 a strong{width: 100%;} } @media all and (max-width:920px){ .search_sec .type01 a strong{width: 100%;} .search_sec .type02 li{width:50%} #search-page_head > .midd > .item_1 ul>li{width:100%;} } @media all and (max-width:984px){ #search-page_head > .midd > .item_2 ul>li{padding:0 8% 0 0} .search_sec .type01 li{width:48%;margin:0 2% 0 0} .search_sec .type01 li:nth-child(even){margin:0 0 0 2%} } @media all and (max-width:800px){ #search-page_head > .midd > .item_1 > .layout{padding:0 0 50px 0} #search-page_head > .midd > .item_1 > .layout> ul{border-bottom:1px solid #cdcdcd} #search-page_head > .midd > .item_1 .sh_option{top:auto;} #search-page_head > .midd > .item_1 ul>li>a{padding:20px 0} #search-page_head > .midd > .item_2 ul>li{padding:0 7% 0 0} #search-page_head .SearchAgency{left:calc(50% - 245px);margin-top:-162px} .search_sec .type01 a strong{width:100%} } @media all and (max-width:768px){ #search-page_head > .midd > .item_1 ul>li>a{padding:20px 0px} .search_sec .type01 a strong{width:100%;} } @media all and (max-width:767px){ #search-page_head > .head{padding: 15px 0 10px;} #search-page_head > .head .in{width:100%;height:54px} #search-page_head > .head .in input[type="text"]{height:54px;font-size:18px} #search-page_head > .head .in + .tips{margin-top:14px} #search-page_head > .midd > .item_1 > .layout{padding: 0 0 42px 0;} #search-page_head > .midd > .item_2 ul{display:inline-block;width:100%;} #search-page_head .midd .item_2 .option_of{top:45px} #search-page_midd > .head .SearchHot{display:none} #search-page_midd > .head + .midd{margin-top:18px} #search-page_midd > .head{margin-bottom:0;} #search-page_head .Btn_Box_Open, #search-page_head .Btn_Box_Close{top: 18px;} .Btn_Box_Open { background:url(../../images/search/search/btn_box_close.png) no-repeat left top; height:18px; width:18px; position:absolute; right:84px;border-left:none;} .Btn_Box_Close {background:url(../../images/search/search/btn_box_open.png) no-repeat left top;height:18px;width:18px;position:absolute;right:84px;border-left:none;} #search-page_head .AutoTitle{top:21px;} } @media all and (max-width:650px){ .search_sec .type01 li,.search_sec .type01 li:nth-child(even){width:100%;margin:0} .search_sec .type01 a strong{width:auto;} .search_sec .type02 li{width:100%} #search-page_head .Btn_Box_Open, #search-page_head .Btn_Box_Close{top: 18px !important;right:80px !important;} .Btn_Box_Close, .Btn_Box_Open {top:16px !important;right:60px !important;} .AutoTitle {top:15px !important;} } @media all and (max-width:600px){ #search-page_midd > .head + .midd .round h2{padding:0 0 10px 0} #search-page_head > .midd > .item_1 ul>li>a{padding: 20px 12px;} #search-page_head > .midd > .item_2 ul>li{padding:0 6% 0 0} .search_sec .ListControl{position: static;display:inline-block;float:right;} .search_sec .control{right:70px;} .search_sec .BtnMoreOpen{right: 17px;} } @media all and (max-width:480px){ #search-page_head > .midd > .item_2 ul>li{padding:0 4% 0 0} .search_sec .type01 a strong{width:100%;text-align: right;} .search_sec .type01 li,.search_sec .type01 li, .search_sec .type01 li:nth-child(even){line-height: 23px;margin-bottom:7px} .search_sec .ListControl .SelectBtn{display:none} #search-page_head > .midd > .item_1 ul>li{width:100%;} #search-page_head .midd .item_2 .sh_opt01{width:100%} #search-page_head .midd .item_2 .sh_opt01 li{width:50%} #search-page_head .midd .item_2 .sh_opt02{width:100%;left:0} #search-page_head .midd .item_2 .sh_opt02 li{width: 100%;} #search-page_head .midd .item_2 .sh_opt03{width:100%;left:0} #search-page_head .midd .item_2 .sh_opt03 li{width:50%} #search-page_head .midd .item_2 .sh_opt04{width:100%;left:0} #search-page_head .midd .item_2 .sh_opt04 a{padding:4px 8px;width:49%;text-align:center} #search-page_head .midd .item_2 .sh_opt05{width:100%;left:0} #search-page_head .SearchAgency{left:0;width:100%;height:auto} #search-page_head > .midd > .item_2 ul>li{width:50%;} } @media all and (max-width:414px){ #search-page_head > .midd > .item_1 ul{border-bottom:1px solid #cdcdcd !important} #search-page_head > .midd > .item_1 ul>li>a{padding:10px 0;font-size:16px} #search-page_head > .midd > .item_2 ul>li{padding:0;width:33%} #search-page_head .midd .item_2 .option_of{top:78px} .search_sec .control{right:72px} #search-page_head > .head .in input[type="text"]{font-size:16px} #search-page_head > .head .tips{font-size:15px} .search_sec .type03 li span.position2{width:100%} .search_sec .type03 dd{padding:10px} .search_sec .type03 li a.sh_tit{width:100%;display:inline-block} .search_sec .type03 .Btn_DB{margin:0} .search_sec .control{position:static;text-align:center;margin-top:10px;} #search-page_head .SearchAgency .SearchForm input{width:73%} #search-page_head .SearchAgency .AgencyResult .AgencyTab li{width:auto} #search-page_head > .midd > .item_2 ul>li{width:50%;} } .SearchStats {position: relative;background: #f4f4f4;margin-bottom: 10px;width:100%;height: 230px;border: #ddd solid 1px;/* padding-top: 33px; */} .SearchStats.Open {height: 430px;} .SearchStats.Open dl dd {height: 220px;} .SearchStats h3 {/* position: absolute; */left: 0;top: 0;/* margin-left: -1px; *//* margin-top: -1px; *//* width: 860px; */border-bottom: 1px solid #d4d4d4;width: 100%;padding: 5px 0 5px 20px;background: #fff;} .SearchStats dl {float: left;position: static;height: 30px;background:#f4f4f4;} .SearchStats dl dt {width: 170px;z-index: 10;position: relative;} .SearchStats dl dt a {color:#666;display: block;height: 29px;font-size: 12px;font-weight: bold;text-align: center;line-height: 30px;border-right: #ddd solid 1px;z-index: 10;text-decoration:none;} .SearchStats dl dt a:hover {color:#000;} .SearchStats dl.M_on dt a {background: #fff;color: #333;} .SearchStats dl dd li {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display: inline-block;width: 32%;font-size: 12px;} .SearchStats .BtnGroup {width: 100%;background: #fff;height: 40px;position: absolute;left: 0;bottom: 0;text-align: right;border-top: #ddd solid 1px;padding: 7px 10px 0 0;} .SearchStats .BtnGroup button {width: 75px;height: 25px;text-align: center;line-height: 11px;vertical-align: middle;} .SearchStats .BtnGroup button.Btn_Reset {background: #fff;color: #666;border: #ccc solid 1px;} .SearchStats .BtnGroup button.Btn_Reset:before {content: '';display: inline-block;vertical-align: middle;background: url(../img/search/search_icon_reset.png) no-repeat left top;width: 11px;height: 11px;margin-right: 4px;} .SearchStats .BtnGroup button.Btn_Search {background: #666;background: linear-gradient(#7c7c7c, #666);color: #fff;border: #666 solid 1px;font-weight: bold;} .SearchStats .BtnGroup button.Btn_Search:before {content: '';display: inline-block;vertical-align: middle;background: url(../img/search/search_icon_search.png) no-repeat left top;width: 13px;height: 13px;margin-right: 2px;} .SearchStats .Control {top: -24px;} .SearchStats dl#statistics dd ul {overflow: auto;height: calc(100% - 0px);width: 100%;padding: 15px 15px;} .SearchStats dl#theme dd ul {overflow: auto;height: calc(100% - 65px);width: 100%;padding: 5px 15px;} .SearchStats dl dd { position:absolute; z-index:9;height:0;width:0; overflow:hidden; } .SearchStats dl.M_on dd {height:calc(100% - 108px);width: 100%;background:#fff;border-top:#ddd solid 1px;left:0;top: 68px;} .SearchStats dl#josaNameDl dd ul { height: 100%;} .SearchStats dl dd ul input { vertical-align: middle; margin-right: 3px; } .PartRadioGroup {position:relative;border-bottom:#ddd solid 1px;font-size:12px;padding-left:15px;padding:7px 20px 3px 20px;height: 65px;overflow:auto;} .PartRadioGroup label { margin-right:10px;} .PartRadioGroup a.M_on { font-weight:bold; color:#333;} .PartRadioGroup a.M_on span { font-weight:normal; color:#080;} .PartRadioGroup input { vertical-align:middle; margin-right:4px;} .PartRadioGroup a { display: inline-block; width: 32%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .PartRadioGroup a {color:#005b88;} @media all and (max-width : 768px){ .PartRadioGroup a { display: inline-block; width: 49%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .SearchStats dl dd li {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display: inline-block;width: 49%;font-size: 12px;} .SearchStats dl dt {width: 50%;position:absolute;left:0;top:40px;} .SearchStats dl#theme dt {width:50%;position:absolute;left:0;top:40px;margin-left:calc(50% + 1px);} } @media all and (max-width : 380px){ .SearchStats dl dd li {width: 99%;} }